.u-block{
	padding: 14px;
	&__section{
		margin-bottom:10px;
	}
	&__title {
		margin-top:10px;
		font-size: 15px;
		color: $u-content-color;
		margin-bottom:10px;
	}
	&__flex{
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
	}
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
	width: 36rpx;
	height: 36rpx;
	margin-right: 8rpx;
}

.u-page {
	padding: 15px 15px 40px 15px;
}
.u-flex-backgroud{
	flex: 1;
	background-color: #FFF;
	height: 100vh;
}
.u-demo-block {
	flex: 1;
	margin-bottom: 23px;
	
	&__content {
		@include flex(column);
	}
	
	&__title {
		font-size: 14px;
		color: rgb(143, 156, 162);
		margin-bottom: 8px;
		@include flex;
	}
}

.u-flex{
	&-row{
		flex-direction: row !important;
	}
	&-wrap{
		flex-wrap: wrap;
	}
}

.u-justify-center{
	justify-content: center !important;
}

.u-justify{
	&-start{
		justify-content: flex-start !important;
	}
	&-between{
		justify-content: space-between !important;
	}
	&-around{
		justify-content: space-around !important;
	}
	&-end{
		justify-content: flex-end !important;
	}
}

.u-align-items{
	align-items: center !important;
}

.u-align-end{
	align-items: flex-end !important;
}

.u-text-align{
	text-align: center !important;
}


.icon {
	&-start{
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #39b54a;
	}
	&-end{
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #ff6600;
	}
	&-start-7px{
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background-color: #39b54a;
	}
}


.b-1{
	border: 1px solid red;
}



.u-p{
	&-l-5{
		padding-left: 5rpx;
	}
	&-t-5{
		padding-top: 5rpx;
	}
	&-r-5{
		padding-right: 5rpx;
	}
	&-b-5{
		padding-bottom: 5rpx;
	}
	
	&-l-10{
		padding-left: 10rpx;
	}
	&-t-10{
		padding-top: 10rpx;
	}
	&-r-10{
		padding-right: 10rpx;
	}
	&-b-10{
		padding-bottom: 10rpx;
	}
	&-l-15{
		padding-left: 15rpx;
	}
	&-t-15{
		padding-top: 15rpx;
	}
	&-r-15{
		padding-right: 15rpx;
	}
	&-b-15{
		padding-bottom: 15rpx;
	}
	&-l-20{
		padding-left: 15rpx;
	}
	&-t-20{
		padding-top: 20rpx;
	}
	&-r-20{
		padding-right: 20rpx;
	}
	&-b-20{
		padding-bottom: 20rpx;
	}
	&-l-25{
		padding-left: 15rpx;
	}
	&-t-25{
		padding-top: 25rpx;
	}
	&-r-25{
		padding-right: 25rpx;
	}
	&-b-25{
		padding-bottom: 25rpx;
	}
	&-l-30{
		padding-left: 30rpx;
	}
	&-t-30{
		padding-top: 30rpx;
	}
	&-r-30{
		padding-right: 30rpx;
	}
	&-b-30{
		padding-bottom: 30rpx;
	}
	
	&-l-32{
		padding-left: 32rpx;
	}
	&-t-32{
		padding-top: 32rpx;
	}
	&-r-32{
		padding-right: 32rpx;
	}
	&-b-32{
		padding-bottom: 32rpx;
	}
	
	
	&-l-35{
		padding-left: 35rpx;
	}
	&-t-35{
		padding-top: 35rpx;
	}
	&-r-35{
		padding-right: 35rpx;
	}
	&-b-35{
		padding-bottom: 35rpx;
	}
	
	&-l-40{
		padding-left: 40rpx;
	}
	&-t-40{
		padding-top: 40rpx;
	}
	&-r-40{
		padding-right: 40rpx;
	}
	&-b-40{
		padding-bottom: 40rpx;
	}
	
	&-l-50{
		padding-left: 50rpx;
	}
	&-t-50{
		padding-top: 50rpx;
	}
	&-r-50{
		padding-right: 50rpx;
	}
	&-b-50{
		padding-bottom: 50rpx;
	}
	
	&-l-60{
		padding-left: 60rpx;
	}
	&-t-60{
		padding-top: 60rpx;
	}
	&-r-60{
		padding-right: 60rpx;
	}
	&-b-60{
		padding-bottom: 60rpx;
	}
	
	&-l-70{
		padding-left: 70rpx;
	}
	&-t-70{
		padding-top: 70rpx;
	}
	&-r-70{
		padding-right: 70rpx;
	}
	&-b-70{
		padding-bottom: 70rpx;
	}
	
	&-l-80{
		padding-left: 80rpx;
	}
	&-t-80{
		padding-top: 80rpx;
	}
	&-r-80{
		padding-right: 80rpx;
	}
	&-b-80{
		padding-bottom: 80rpx;
	}
	
	&-l-90{
		padding-left: 90rpx;
	}
	&-t-90{
		padding-top: 90rpx;
	}
	&-r-90{
		padding-right: 90rpx;
	}
	&-b-90{
		padding-bottom: 90rpx;
	}
	
	&-l-100{
		padding-left: 100rpx;
	}
	&-t-100{
		padding-top: 100rpx;
	}
	&-r-100{
		padding-right: 100rpx;
	}
	&-b-100{
		padding-bottom: 100rpx;
	}
	
	&-p-50{
		padding-bottom: 50rpx;
	}
	&-80{
		padding: 80rpx;
	}
}

.u-m{
	&-l-5{
		margin-left: 5rpx;
	}
	&-t-5{
		margin-top: 5rpx;
	}
	&-r-5{
		margin-right: 5rpx;
	}
	&-b-5{
		margin-bottom: 5rpx;
	}
	
	&-l-10{
		margin-left: 10rpx;
	}
	&-t-10{
		margin-top: 10rpx;
	}
	&-r-10{
		margin-right: 10rpx;
	}
	&-b-10{
		margin-bottom: 10rpx;
	}
	
	&-l-20{
		margin-left: 20rpx;
	}
	&-t-20{
		margin-top: 20rpx;
	}
	&-r-20{
		margin-right: 20rpx;
	}
	&-b-20{
		margin-bottom: 20rpx;
	}
	
	&-l-30{
		margin-left: 30rpx;
	}
	&-t-30{
		margin-top: 30rpx;
	}
	&-r-30{
		margin-right: 30rpx;
	}
	&-b-30{
		margin-bottom: 30rpx;
	}
	
	&-l-40{
		margin-left: 40rpx;
	}
	&-t-40{
		margin-top: 40rpx;
	}
	&-r-40{
		margin-right: 40rpx;
	}
	&-b-40{
		margin-bottom: 40rpx;
	}
	
	&-l-50{
		margin-left: 50rpx;
	}
	&-t-50{
		margin-top: 50rpx;
	}
	&-r-50{
		margin-right: 50rpx;
	}
	&-b-50{
		margin-bottom: 50rpx;
	}
	
	&-l-60{
		margin-left: 60rpx;
	}
	&-t-60{
		margin-top: 60rpx;
	}
	&-r-60{
		margin-right: 60rpx;
	}
	&-b-60{
		margin-bottom: 60rpx;
	}
	
	&-l-70{
		margin-left: 70rpx;
	}
	&-t-70{
		margin-top: 70rpx;
	}
	&-r-70{
		margin-right: 70rpx;
	}
	&-b-70{
		margin-bottom: 70rpx;
	}
	
	&-l-80{
		margin-left: 80rpx;
	}
	&-t-80{
		margin-top: 80rpx;
	}
	&-r-80{
		margin-right: 80rpx;
	}
	&-b-80{
		margin-bottom: 80rpx;
	}
	
	&-l-90{
		margin-left: 90rpx;
	}
	&-t-90{
		margin-top: 90rpx;
	}
	&-r-90{
		margin-right: 90rpx;
	}
	&-b-90{
		margin-bottom: 90rpx;
	}
}

.u-font{
	&-10{
		font-size: 10rpx;
	}
	&-15{
		font-size: 15rpx;
	}
	&-18{
		font-size: 18rpx;
	}
	&-20{
		font-size: 20rpx;
	}
	&-22{
		font-size: 22rpx;
	}
	&-23{
		font-size: 23rpx;
	}
	&-25{
		font-size: 25rpx;
	}
	&-26{
		font-size: 26rpx;
	}
	&-28{
		font-size: 28rpx;
	}
	&-30{
		font-size: 30rpx;
	}
	&-32{
		font-size: 32rpx;
	}
	&-33{
		font-size: 33rpx;
	}
	&-34{
		font-size: 34rpx;
	}
	&-35{
		font-size: 35rpx;
	}
	&-36{
		font-size: 36rpx;
	}
	&-37{
		font-size: 37rpx;
	}
	&-38{
		font-size: 38rpx;
	}
	&-40{
		font-size: 40rpx;
	}
	&-45{
		font-size: 45rpx;
	}
	&-46{
		font-size: 46rpx;
	}
	&-50{
		font-size: 50rpx;
	}
	&-60{
		font-size: 60rpx;
	}
	&-70{
		font-size: 70rpx;
	}
	&-80{
		font-size: 80rpx;
	}
}

.u-backgroud{
	&-white{
		background-color: #FFFFFF;
	}
	&-grayEDE{
		background-color: #EDEDED;
	}
	&-orange{
		background-color: #ff9900;
	}
	&-grayF0F{
		background-color: #F0F0F0;
	}
}

.u-color{
	&-green{
		color: #39b54a;
	}
	&-green0DA{
		color: #0DADA5;
	}
	&-white{
		color: #FFFFFF;
	}
	&-gray999{
		color: #999999;
	}
	&-gray898{
		color: #898989;
	}
	&-000{
		color: #000000;
	}
	&-orange{
		color: #ff9900;
	}
	&-redF31{
		color: #F31D21;
	}
	&-redFA3{
		color: #fa3534;
	}
	&-blue66C{
		color: #66CCFF;
	}
	&-blue297{
		color: #2979ff;
	}
	&-green18b{
		color: #18b566;
	}
	&-orangef29{
		color: #f29100;
	}
}

.u-flex{
	&-1{
		flex: 1;
	}
	&-2{
		flex: 2;
	}
	&-3{
		flex: 3;
	}
	&-4{
		flex: 4;
	}
	&-5{
		flex: 5;
	}
	&-6{
		flex: 6;
	}
	&-7{
		flex: 7;
	}
}

.u-line{
	&-30{
		line-height: 30rpx;
	}
	&-40{
		line-height: 40rpx;
	}
	&-50{
		line-height: 50rpx;
	}
	&-60{
		line-height: 60rpx;
	}
	&-70{
		line-height: 70rpx;
	}
	&-80{
		line-height: 80rpx;
	}
	&-90{
		line-height: 90rpx;
	}
	&-100{
		line-height: 100rpx;
	}
}
.u-weight{
	&-100{
		font-weight: 100;
	}
	&-200{
		font-weight: 200;
	}
	&-300{
		font-weight: 300;
	}
	&-400{
		font-weight: 400;
	}
	&-500{
		font-weight: 500;
	}
	&-600{
		font-weight: 600;
	}
	&-700{
		font-weight: 700;
	}
	&-800{
		font-weight: 800;
	}
	&-900{
		font-weight: 900;
	}
}
.u-radius{
	&-5{
		border-radius: 5px;
	}
	&-10{
		border-radius: 10px;
	}
	&-15{
		border-radius: 15px;
	}
	&-20{
		border-radius: 20px;
	}
}

.u-border{
	&-top-1{
		border-top:1px solid #F0F0F0
	}
	
	&-bottom-1{
		border-bottom:1px solid #F0F0F0
	}
	&-F0F0F0{
		border:1rpx solid #F0F0F0;
	}
	&-999999{
		border:1rpx solid #999999;
	}
	&-top-cec{
		border-top:1rpx solid #ceccca;
	}
	&-radius-10{
		border-radius: 10rpx;
	}
	&-radius-20{
		border-radius: 20rpx;
	}
}
.u-decoration-underline{
	text-decoration:underline;
}
.btn-custom-style{
	width: 160rpx;
	height: 70rpx;
	padding: 0px;
}
/*====================*/
/* 根元素样式 设置页面背景、字体大小、字体颜色，字符间距、长单词换行 */
